<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>SimpleUI 示例中心</title>
		<meta name="description" content="SimpleUI是一个基于jQuery的组件库，适合用于构建web2.0的应用程序和小型网站" />
		<meta name="keywords" content="jQuery js simple ui simpleUI web application" />
        <link type="text/css" rel="stylesheet" href="SyntaxHighlighter/SyntaxHighlighter.css"/>
        <link type="text/css" rel="stylesheet" href="css/core.css"/>
        <link type="text/css" rel="stylesheet" href="../src/_beta/SimpleTip/tip.css"/>
    </head>
    <body>
        <div class="container clearfix" id="hd">
            <h1 class="s-logo"></h1>
            <div class="s-nav">
                <span class="s-nav-l"></span>
                <span class="s-nav-r"></span>
                <ul class="clearfix">
                    <li class="current">
                        <a href="doc.html">文档</a>
                    </li>
                    <li>
                        <a href="demo.html">示例</a>
                    </li>
                    <li>
                        <a href="http://code.google.com/p/simple-ui/downloads/list">下载</a>
                    </li>
                    <li>
                        <a href="deploy.html">部署</a>
                    </li>
					<li>
                        <a href="http://www.iqianduan.org/t-191-1-1.html" target="_blank">论坛</a>
                    </li>
                    <li>
                        <a href="#">关于</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container" id="bd">
            <h2 class="s-title">SimpleUI 示例中心</h2>
            <div class="clearfix demo-content">
            	<ul class="demo-ul">
            		<li>
            			<p><img src="images/demo/drag.png"/></p>
            			<a href="demo/drag.html">拖动示例</a>
            		</li>
					<li>
						<p><img src="images/demo/resize.png"/></p>
                        <a href="demo/resize.html">重设尺寸示例</a>
                    </li>
					<li>
						<p><img src="images/demo/select.png"/></p>
                        <a href="demo/selectable.html">区域选择示例</a>
                    </li>
					<li>
						<p><img src="images/demo/autocomplete.png"/></p>
                        <a href="demo/autocomplete.html">自动选择示例</a>
                    </li>
					<li>
						<p><img src="images/demo/dialog.png"/></p>
                        <a href="demo/dialog.html">对话框示例</a>
                    </li>
					<li>
						<p><img src="images/demo/page.png"/></p>
                        <a href="demo/pagination.html">分页示例</a>
                    </li>
					<li>
						<p><img src="images/demo/slide.png"/></p>
                        <a href="demo/slider.html">图片轮换示例</a>
                    </li>
            	</ul>
            </div>
        </div>
        <script src="SyntaxHighlighter/shCore.js"></script>
        <script src="SyntaxHighlighter/allmin.js"></script>
        <script type="text/javascript">
        window.onload = function () {
            dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
            dp.SyntaxHighlighter.HighlightAll('code');
        } 
        </script>
        <script type="text/javascript" src="../src/jquery.js"></script>
        <script type="text/javascript" src="../src/_beta/SimpleCore.js"></script>
        <script type="text/javascript" src="../src/_beta/SimpleTip/SimpleTip.js"></script>
        <script type="text/javascript">
        (function(){
            var ajaxHtmlStore={},
             getHtml=function(url){
                var temp;
                if(ajaxHtmlStore[url]){
                    $(".api-content").html(ajaxHtmlStore[url]);
                    dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
                    dp.SyntaxHighlighter.HighlightAll('code');
                }else{
                    var load=$.loadTip("正在加载API...")
                    $.get(url,function(res){
                        ajaxHtmlStore[url]=res;
                        $(".api-content").html(ajaxHtmlStore[url]);
                        dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
                        dp.SyntaxHighlighter.HighlightAll('code');
                        load.hide();
                    });
                }
            }
            $(".s-list a,.ajax-load").live("click",function(){
                var url=$(this).attr("href"),beta=$(this).attr("data-info");
                if(beta){
                    $.alertTip("即将推出,敬请关注...",3000)
                    return false;
                }
                getHtml(url);
                return false;
            })
        })();
        </script>
		<span style="display:none"><script src="http://s24.cnzz.com/stat.php?id=3606083&web_id=3606083"></script></span>
    </body>
</html>
